//2.新建入口js文件main.js 导入mathUtils.js文件并调用
console.log("03-webpack的loader")
const {add,mul} = require('./js/mathUtils.js')
console.log(add(10,20))
console.log(mul(10,20))


//3.使用es6语法导入
import info from './js/info.js'
console.log(info.name)
console.log(info.age)

//4.依赖css文件
require('./css/normal.css')

//5.依赖less文件
require('./css/special.less')
document.writeln("hello,zzzz!")

//6.使用vue开发
//import Vue from 'vue/dist/vue.min.js';
import Vue from 'vue'
//导入封装组件对象的js模块
//import App from './js/app.js'

//导入封装vue的.vue文件
import App from "./vue/App.vue"
new Vue({
    el: "#app",
    //使用组件
    template: '<App/>',
    components: {
      //注册局部组件
      App
    }
  })




//然后 webpack3 使用
//webpack ./src/main.js ./dist/bundle.js

//package.json scripts 加入webpack 也可以使用
//npm run build

//安装css-loader
//npm install --save-dev css-loader@3.2.0 

//安装使用style-loader
//npm install --save-dev style-loader@1.0.0

//安装使用less-loader
//npm install --save-dev less-loader@5.0.0 less@3.10.3

//安装使用url-loader处理图片
//npm install --save-dev url-loader@2.2.0

//安装使用file-loader处理图片
//npm install --save-dev file-loader@4.2.0

//安装ES6语法处理
//直接在package.json添加 npm install
/* 
"babel-core": "^6.26.3",
"babel-loader": "^7.1.5",
"babel-preset-es2015": "^6.24.1",
*/

//15.4 webpack的vue 待学习

//安装vue
// npm install vue@2.6.10 --save

//npm install vue-loader@13.0.0 --save-dev
//npm install vue-template-compiler@2.6.10 --save-dev